<template>
	<view class="content">

		<view class="info-view" @click="showWord">
			<view style="display: flex; align-items: center;">
				<text>2022肝豆状核变性诊疗指南(全文)</text>
				<uni-icons type="forward" size="18" color="#cccccc" style="padding-top: 4upx;"></uni-icons>
			</view>
		</view>
		
		<view class="view1" style="width: 100%;">
			
			<image v-for="(item, index) in images" :key="index" 
				:src="item" @click="previewImage"></image>
		
			<!-- <image src="../../static/1.png"></image> -->
			
		</view>
	</view>
</template>

<script>
	
	export default {
		components: {
			
		},
		data() {
			return {
				images: ['/static/Leipzig.jpg','/static/1.png']
			}
		},
		onLoad(option) {
			
		},
		methods: {
			showWord(){
				uni.navigateTo({
					url: '/pages/word/wordView'
				})
			},
			previewImage() {
				uni.previewImage({
					urls: this.images,
					// current: index,
					// indicator: this.currentIndicator,
					// loop: this.isLoop
				})
			},
			onShareAppMessage(){//点亮发送给朋友
			    return {
			      title: '帮助肝豆朋友们',//标题
			      path: '/pages/index/index'//路径
			    }
			},
			onShareTimeline() {}//点亮分享朋友圈,暂只支持Android平台
		},
		
	}
</script>

<style lang="scss">
	page {
		background-color: #f7f7f7;
	}
	.content {
		display: flex;
		flex-direction: column;
		background-color: #ffffff;
	}
	.info-view{
		display: flex; align-items: center; justify-content: center; color: blue;
	}
	.view1{
		width: 100%;
		image{
			width: 100%;
		}
	}
</style>